﻿[data-animation] {
	-webkit-animation : none linear 0 0 1;
	animation : none linear 0 0 1;
}
.slide [data-animation] {
	-webkit-animation-delay : 300ms;
	animation-delay : 300ms;
	-webkit-animation-fill-mode : both;
	animation-fill-mode : both;
}
[data-animation="show"] {
	-webkit-animation-name : show;
	animation-name : show;
	-webkit-animation-duration : 500ms;
	animation-duration : 500ms;
}
[data-animation="rightIn"] {
	-webkit-animation-name : rightIn;
	animation-name : rightIn;
	-webkit-animation-duration : 300ms;
	animation-duration : 300ms;
}
[data-animation="leftIn"] {
	-webkit-animation-name : leftIn;
	animation-name : leftIn;
	-webkit-animation-duration : 300ms;
	animation-duration : 300ms;
}
[data-animation="topIn"] {
	-webkit-animation-name : topIn;
	animation-name : topIn;
	-webkit-animation-duration : 300ms;
	animation-duration : 300ms;
}
[data-animation="bottomIn"] {
	-webkit-animation-name : bottomIn;
	animation-name : bottomIn;
	-webkit-animation-duration : 300ms;
	animation-duration : 300ms;
}

@-webkit-keyframes show {
	0% {
		opacity : 0;
	}
	100% {
		opacity : 1;
	}
}
@keyframes show {
	0% {
		opacity : 0;
	}
	100% {
		opacity : 1;
	}
}

@-webkit-keyframes rightIn {
	0% {
		-webkit-transform : translateX(100%);
		opacity : 0;
	}
	100% {
		-webkit-transform : translateX(0);
		opacity : 1;
	}
}
@keyframes rightIn {
	0% {
		transform : translateX(100%);
		opacity : 0;
	}
	100% {
		transform : translateX(0);
		opacity : 1;
	}
}
@-webkit-keyframes leftIn {
	0% {
		-webkit-transform : translateX(-100%);
		opacity : 0;
	}
	100% {
		-webkit-transform : translateX(0);
		opacity : 1;
	}
}
@keyframes leftIn {
	0% {
		transform : translateX(-100%);
		opacity : 0;
	}
	100% {
		transform : translateX(0);
		opacity : 1;
	}
}
@-webkit-keyframes topIn {
	0% {
		-webkit-transform : translateY(-100%);
		opacity : 0;
	}
	100% {
		-webkit-transform : translateY(0);
		opacity : 1;
	}
}
@keyframes topIn {
	0% {
		transform : translateY(-100%);
		opacity : 0;
	}
	100% {
		transform : translateY(0);
		opacity : 1;
	}
}
@-webkit-keyframes bottomIn {
	0% {
		-webkit-transform : translateY(100%);
		opacity : 0;
	}
	100% {
		-webkit-transform : translateY(0);
		opacity : 1;
	}
}
@keyframes bottomIn {
	0% {
		transform : translateY(100%);
		opacity : 0;
	}
	100% {
		transform : translateY(0);
		opacity : 1;
	}
}